<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title>安卓管理</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>

<body style="padding: 16px;display: none; height: calc(100vh - 42px); overflow: hidden;" id="content">
<div class="part-serach">
    <table style="">
        <tr>
            <td>
                <div style="width: 45px;">&nbsp;&nbsp;&nbsp;产品&nbsp;</div>
            </td>
            <td>
                <select id="query-product" @change="changeValue" class="form-control"
                        style="width: 100px;height: 30px;">
                    <option v-for="(item,index) in items" :value="item.id">
                        {{item.name}}
                    </option>
                </select>
            </td>
            <td>
                &nbsp;&nbsp; &nbsp;
            </td>
            <td>
                <button id="btn-search" class="btn btn-primary" style="height: 30px;">
                    <span class="glyphicon glyphicon-search"></span>
                    查询
                </button>
            </td>
            <td>
                &nbsp;&nbsp; &nbsp;
            </td>
            <td>
                <button id="btn-add" class="btn btn-primary" style="height: 30px;">
                    <span class="glyphicon glyphicon-plus"></span>
                    新增
                </button>
            </td>
        </tr>
    </table>
</div>
<hr/>
<div style="position: relative;width: 100%;height: calc(100vh - 80px);">
    <div style="position: absolute;top: 0;left: 0;height: 100%;width: 400px;">
        <div class="part-list">
            <table id="jqGrid" style="width: 100%;"></table>
            <div id="jqGridPager"></div>
        </div>
    </div>
    <div style="position: absolute;top: 0;left: 400px;height: 100%;width: calc(100vw - 460px);">
        <div class="panel panel-default" style="height:calc(100% - 23px);width: 100%">
            <div class="panel-heading">
                <h3 class="panel-title">项目属性</h3>
            </div>
            <div class="panel-body">
                <div id="proarea">
                    <div v-if="hasApk">
                        <div class="btn-group">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                默认属性 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="#">沧州市配置</a></li>
                                <li><a href="#">运河区配置</a></li>
                                <li><a href="#">新华区配置</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </div>
                    </div>
                    <div v-else>
                        <div>请上传基础APK文件</div>
                        <hr/>
                        <input multiple data-min-file-count="1" type="file" name="file" id="apkFileInRight"
                               accept=".apk"
                               style="height: 30px;"/>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<div id="addTablediv">
    <div style="text-align: center;padding: 16px;">
        <table id="addTable" style="" class="form-table">
            <tr>
                <div class="form-group">
                    <td>
                        <div class="form-group" style="line-height: 30px">&nbsp;选择产品&nbsp;</div>
                    </td>
                </div>
                <td>
                    <div class="form-group" style="min-width: 150px;">
                        <select id="productlist" @change="changeValue" class="form-control"
                                style="width: 100%;height: 30px;">
                            <option v-for="(item,index) in items" :value="item.id">
                                {{item.name}}
                            </option>
                        </select>
                    </div>
                </td>
                <td>
                    <div class="form-group" id="newProductNameDiv"><input name="newProductName" id="newProductName"
                                                                          class="form-control" type="text"
                                                                          placeholder="请输入产品名称"
                                                                          style="width:100%;height: 30px;"/>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="form-group" style="line-height: 30px">&nbsp;新建项目&nbsp;</div>
                </td>
                <td>
                    <div class="form-group" style="min-width: 150px;">
                        <input id="newProjectName" name="newProjectName" class="form-control" type="text"
                               placeholder="请输入项目名称" style="width: 100%;height: 30px;"/>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="form-group" style="line-height: 30px">&nbsp;上传APK&nbsp;</div>
                </td>
                <td colspan="3">
                    <div class="form-group">
                        <input multiple data-min-file-count="1" type="file" name="file" id="apkFile" accept=".apk"
                               style="height: 30px;"/>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>

<div id="serverDataPagename" th:text="${pagename}" style="display: none"></div>
<script th:inline="javascript">
    var pageData = [[${pageData}]];
</script>
<script src="./js/base.js"></script>
</body>

</html>